*{
    margin: 0;
    padding: 0;
}
body{
   background: #e7e7e7;
}
.center{
    width: 96%;
    margin: auto;
    margin-top: -2rem;
}
#main{
    margin-top: 150px;
}
.title{
    background: white;
    margin: 0 auto;
    /*border-radius: 2rem;*/
}
.col-sm-5{
    text-align: center;
    font-size: 4rem;
}
.col-sm-2{
    height: 10rem;
    text-align: center;

}
.col-sm-2 div{
    margin-top: 2rem;
    height: 100%;
    width: 100%;
    background-image: url("/resources/wx/imge/xian.png");
    background-repeat: no-repeat;
    background-position: center;
    background-image: -moz-element(1px);
    background-size: 34%;
}

.border_bottom{
    border-bottom: 4px solid darkslateblue;
}
.complete{
    margin-top: 4rem;
    font-size: 4rem;
    color: #737383;
}
/*Li卡片的样式*/
.list-li{
    background: white;
    border-radius: 2.5rem;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 4rem;
    padding: 2rem;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
}
.col-sm-7 a{
    color: #029141;
}
.li-title{
    border-bottom: 0.5rem #e6e6e6 dashed;
}
/*文本超出不准换行变成小数点样式*/
.container-fluid p{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding: 4rem;
}
.li-content p{
}
/*起点样式*/
.toAdd{
    background-image: url("/resources/wx/imge/foadd.png");
    background-repeat: no-repeat;
    background-position: 1rem;
    background-size:6%;
    padding-left: 2em !important;
}
/*终点样式*/
.formAdd{
    background-image: url("/resources/wx/imge/toAd.png");
    background-repeat: no-repeat;
    background-position: 1rem;
    background-size: 6%;
    padding-left: 2em !important;
}

/*图章路径*/
.zhang{
    width: 30rem;
    height: 30rem;
    position: absolute;
    top: 10rem;
    right: 6rem;
    -webkit-transform: rotate(30deg);
}
.zhang img{
    width: 100%;
    height: 100%;
}

/*隐藏的操作按钮*/
.display{
    text-align: center;
    display: none;
    padding: 2rem 0;
}
.complete{
    display: none;
}
.display button{
    width: 100%;
    height: 12rem;
    font-size: 4rem;
}

.unfinished{
    padding: 0 2rem;
    margin-top: 4rem;
    font-size: 4rem;
    color: #737383;
}
.unfinished .col-sm-7 a{
    color: #1e9fff;
}
/*备注文本域*/

.col-sm-9 textarea{
    font-size: 4rem;
}
/*-------模态框开始-------*/
.alert_model{
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0, 0 ,0, 0.52);
    display: none;
}
.alert_body{
    width: 90%;
    background: #fff;
    margin: 10% auto;
    border-radius: 2rem;
    /*display: none;*/
}
.alert-title{
    height: 15rem;
    width: 100%;
    font-size: 4rem;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #737383;
}
.alert-title p{
    letter-spacing: 1rem;
    margin-left: 4rem;
}
.alert-title span{
    font-size: 4rem;
    margin-left: -2rem;
    right: 4rem;
    line-height: 15rem;
    position: absolute;
}
.modal-text{
    text-align: center;
}
.modal-text p{
    height: 20rem;
    padding: 0;
    line-height: 20rem;
}
.alert_model input{
    height: 10rem;
    width: 100%;
    font-size: 4rem;
    padding: 2rem;
}
.alert_model button{
    height: 10rem;
    font-size: 4rem;
    width: 100%;
}
.alert_model .container-fluid{
    padding: 2rem;
}
.alert_model .modal-text .col-sm-9{
    margin-top: 2rem;
}
.alert_model .modal-text .col-sm-3{
    margin-top: 2rem;
    line-height: 10rem;
}
#checkBox{
    height: 10rem;
    width: 100%;
}
#checkBox input{
    width: 5rem;
    height: 5rem;
    margin-top: 2rem;
    left: 2rem;
}

/*-------模态框结束------*/